/**
  color
    主：#42B983
    辅：#72DCAD
    辅：#8EDCB9
 */
.divider {
  margin: 8px 0;
}
.el-dialog .el-col {
  padding: 0 4px
}

.ant-dropdown {
  z-index: 9999!important;
}
.table-container {
  padding:1em 1em 0 1em;margin-bottom:1em;background:#fff;
}
.btns {
  padding: 1em 1em calc(1em - 4px);background: #fff;
}
.btns .el-input, .btns .el-select, .btns .el-button{
  margin-bottom: 4px
}
.btns .el-cascader .el-input {
  width: auto
}
.btns .el-input {
  min-width: 80px;
  max-width: 200px;
}
.btns .el-select  {
  max-width: 200px
}
.btns .el-select .el-input {
  width: 100%;
  min-width: 80px;
}
.el-tooltip__popper.is-dark, .el-tooltip__popper {
  max-width: 70%!important;
}
.my-transition {
  transition: all 0.3s;
  -moz-transition: all 0.3s;	/* Firefox 4 */
  -webkit-transition: all 0.3s;	/* Safari 和 Chrome */
  -o-transition: all 0.3s;	/* Opera */
}
.el-image-viewer__close {
  font-size: 24px!important;
  color: white;
}
.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 100%;
}
.el-dialog .el-form {
  width: auto
}
.el-breadcrumb .el-breadcrumb__inner {
  float: left
}
.ant-table-scroll-position-middle .ant-table-fixed-left, .ant-table-scroll-position-right .ant-table-fixed-left {
  box-shadow: 6px 0 6px -4px rgba(0,0,0,.15)!important;
}
/*.el-button--primary, .ant-btn-primary {*/
/*  background: #42B983;*/
/*  border-color: #42B983;*/
/*}*/
/*.el-button--primary.is-disabled {*/
/*  background: #58cc97;*/
/*  border-color: #58cc97;*/
/*}*/
/*.el-button--primary.is-disabled:hover {*/
/*  background: #58cc97;*/
/*  border-color: #58cc97;*/
/*}*/
.ant-table-fixed {
  border-right: 1px solid #fafafa;
  /*background: cornflowerblue;*/
}
.ant-table-thead > tr > th, tr.ant-table-expanded-row, tr.ant-table-expanded-row:hover{
  background: #fff;
}
/*.el-button--primary:hover,*/
/*.el-button--primary:active,*/
/*.el-button--primary:focus,*/
/*.ant-btn-primary:hover,*/
/*.ant-btn-primary:active,*/
/*.ant-btn-primary:focus{*/
/*  background: #4bcb90;*/
/*  border-color: #4bcb90;*/
/*}*/

.el-textarea__inner:focus, .el-textarea__inner:hover,
.el-input__inner:focus, .ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active, .ant-table-row-expand-icon:focus,
.ant-input:hover, .ant-input:focus, .ant-input-number:hover, .ant-input-number:focus, .ant-input-number:active,
.ant-input-number-focused{
  border-color: #4bcb90!important;
  box-shadow: 0 0 0 2px #e2ffef
}
.el-select-dropdown__item.selected, .el-menu-item.is-active, .el-breadcrumb__inner a:hover,
.ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active, .ant-table-row-expand-icon:focus {
  color: #4bcb90!important;
}
.el-dialog .el-date-editor {
  width: 100%!important
}
.handle-button {
  background: #42B983!important;
}
.el-dialog__header{
  background: #42B983;
}
.el-dialog__header i{
  color: #d1d1d1 !important
}
.el-dialog__header i:hover, .el-dialog__header span {
  color: #fff!important
}
.el-form-item__label{
  background-color: #fff;
  height: 32px;
  padding: 0 2px;
  line-height: 30px;
  font-size: 12px;
  color: #42B983;
  border: 1px solid #72DCAD;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  line-height: 32px!important;
}
.el-form-item__content{
  height:auto;
  line-height:32px;
  margin-left:90px
}
.el-dialog__body{
  background:#f5f5f5;
  overflow-y: auto;
  max-height: 500px;
}
.el-dialog__footer {
  background:#f5f5f5;
}
/*滚动条的宽度*/

::-webkit-scrollbar {
  width:8px;
  height:8px;
}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 4px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 8px;

}

/*滚动条的设置*/

::-webkit-scrollbar-thumb {
  border-radius   : 8px;
  background-color: #b3b9c3;

}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
  background-color: #909399;
}
@media screen and (max-width: 767px) {
  .el-dialog{
    width:90%;
    margin: 100px 5% 0 5%
  }
  .el-select-dropdown {
    max-width: 90vw;
    left: 5vw!important;
  }
}
